{% extends "base.html" %}  
{% block title %}
<title>人生苦短，快学Python</title>
{% endblock %}
{%block pic%}
<div class="info">
<div class="about">
  <ul>
    <div id="fountainG">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </div>
    <div class="about_girl"><span><a href="/"><img src="/static/images/wen.png"></a></span>
      <p>给你的访客们一个善良的忠告吧！！</p>
    </div>
    <div class="about_boy"><span><a href="/"><img src="/static/images/da.png"></a></span>
      <p>人生苦短，快学Python ^_^</p>
    </div>
  </ul>
</div>
<div class="card">
      <h1>我有图</h1>
      <p>码农贝塔的个人站</p>
	  <p>人生苦短，快学Python</p>
      <p>QQ：977610289</p>
      <p>Email：977610289@qq.com</p>
      <ul class="linkmore">
        <li><a href="/" class="talk" title="给我留言"></a></li>
        <li><a href="/Index/" class="address" title="我的Blog"></a></li>
        <li><a href="/" class="email" title="给我写信"></a></li>
        <li><a href="/" class="photos" title="生活照片"></a></li>
        <li><a href="/About/" target="_blank" class="heart" title="关注我"></a></li>
      </ul>
    </div>
</div>
{%endblock%}
{% block content %}
    <ul class="bloglist">
        {%if article_list%}
            {%for article in article_list%}
            <li>
				<div class="arrow_box">
				  <div class="ti"></div>
				  <!--三角形-->
				  <div class="ci"></div>
				  <!--圆形-->
				  <h2 class="title"><a href="/Blog/{{article.Id}}.html" target="_blank">{{article.Title}}</a></h2>
				  <ul class="textinfo">
					<a href="/Blog/{{article.Id}}.html"><img style="width:150px;height:100px;" src="{{article.Img}}"></a>
					<p> {{article.Des}}</p>
				  </ul>
				  <ul class="details">
					<li class="likes"><a href="#">0</a></li>
					<li class="comments"><a href="#">0</a></li>
					<li class="icon-time"><a href="#">{{article.Time|date:"Y-m-d"}}</a></li>
				  </ul>
				</div>
				<!--arrow_box end--> 
			  </li>
            {%endfor%}
			<div class="digg" style="clear:both;"> 
			{%ifnotequal curPage 1%}
				<span><a href="?curPage={{1}}&&allPage={{1}}">&lt; </a></span>
			{%else%}
				<span class="disabled">&lt; </span>
			{%endifnotequal%}
			{%for i in pagenum%}
			{%if i == curPage%}
			<span class="current">{{curPage}}</span>
			{%else%}
			<a href="?curPage={{i}}&&allPage={{allPage}}">{{i}}</a>
			{%endif%}
			{%endfor%}
			{%ifnotequal curPage allPage%}
				<span><a href="?curPage={{allPage}}&&allPage={{allPage}}">&gt;</a></span>
			{%else%}
				<span class="disabled">&gt;</span>
			{%endifnotequal%}
		</div>
        {%else%}
            <p>暂无记录！</p>
        {%endif%}
		
    </ul>
	<aside>
	  <div class="sunnav">
		<h2>文章分类</h2>
		<ul>
		{%for type in type_list%}
			<li><a href="/Category/{{type.Name}}" title="{{type.Name}}">{{type.Title}}({{type.Count}})</a></li>
		{%endfor%}
		</ul>
	  </div>
	  <div class="tuijian">
		<h2>热评文章</h2>
		<!-- 多说热评文章 start -->
		<div class="ds-top-threads" data-range="daily" data-num-items="5"></div>
		<!-- 多说热评文章 end -->
		<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
		<script type="text/javascript">
		var duoshuoQuery = {short_name:"5youtu"};
			(function() {
				var ds = document.createElement('script');
				ds.type = 'text/javascript';ds.async = true;
				ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
				ds.charset = 'UTF-8';
				(document.getElementsByTagName('head')[0] 
				 || document.getElementsByTagName('body')[0]).appendChild(ds);
			})();
			</script>
		<!-- 多说公共JS代码 end -->
		</div>
	  </aside>
{% endblock %}